/*common*/
ul{
    list-style: none;
}
a{
    color:#eeeeee;
}
a:focus,a:hover{
    text-decoration: none;
    color:#d58512;
}
/*header*/
.header{
    background-color: #403d40;
    height:100%;
}
.nav li{
    text-align: center;
    font-size: 1em;
    color: rgb(238, 238, 238);
}
.nav .action{
    border-bottom: 2px solid #3498db;
    background-color: #1a1b1a;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #1a1b1a;
}
/*body*/

    /*shouye*/
.box{
    float:left;
    width:200px;
    height:200px;
}
.box div{
   margin:0 auto;
}

/*footer*/
.footer{
    background-color: #403d40;
}
.footer ul{
    margin-top:10%;
}
.footer ul>li{
    color:#9d9d9d;
}
.footer ul>li>a{
    color: #9d9d9d;
    padding: 0;
}
.footer ul>li>a:hover{
    color: #eeeeee;
}
.footer p{
    color: #f9f9f9;
    margin-bottom: 5%;
    margin-top: 7%;
    font-size: 0.1rem;
}

